<!doctype html>
<html lang="zh-cn">
<head>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no, email=no">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="640">
<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<meta name="browsermode" content="application">
<meta name="x5-page-mode" content="app">
<meta name="msapplication-tap-highlight" content="no">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta charset="utf-8">
    <title>我的积分</title>
    <style>
    *{
        margin: 0;
        padding:0;
        -webkit-tap-highlight-color:rgba(0,0,0,0);
        -webkit-text-size-adjust:none;
    }
    html{
        font-size:10px;
    }
    body{
        background-color: #f5f5f5;
        font-size: 1.2em;
    }
    .header{
        height: 44px;
        line-height: 44px;
        border-bottom: 1px solid #ccc;
        background-color: #eee;
    }
    .header h1{
        text-align: center;
        font-size: 2rem;
        font-weight: normal;
    }
    .header .btn:active{
        background-color: #aaa;
        color: #fff;
    }
    .inner{
        padding-bottom: 40px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-color: #fff;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .inner .item{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align:center;
        -webkit-box-align:center;
        box-align:center;
        -webkit-align-items:center;
        align-items:center;
        padding:3.125%;
        border-bottom: 1px solid #ddd;
        color: #333;
        text-decoration: none;
    }
    .inner .item img{
        display: block;
        width: 40px;
        height: 40px;
        border:1px solid #ddd;
    }
    .inner .item h3{
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        max-height: 40px;
        overflow: hidden;
        line-height: 20px;
        margin: 0 10px;
        font-size: 1.2rem;
    }
    .inner .item .date{
        display: block;
        height: 20px;
        line-height: 20px;
        color: #999;
    }
    .opacity{
        -webkit-animation: opacity 0.5s linear;
        animation: opacity 0.5s linear;
    }
    @-webkit-keyframes opacity {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @keyframes opacity {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    .footer{
        position: fixed;
        left: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 40px;
    }
    .footer a{
        position: relative;
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: 40px;
        text-align: center;
        color: #666;
        background-color: #eee;
        text-decoration: none;
    }
    .footer a:before{
        content: '';
        position: absolute;
        left: 0;
        top: 10px;
        width: 1px;
        height: 20px;
        background-color: #ccc;
    }
    .footer a:first-child:before{
        display: none;
    }
    </style>

<link href="__PUBLIC__/App/css/style.css?ver=1.1" style="text/css" rel="stylesheet">
<link href="__PUBLIC__/App/css/common.css?ver=1.1" style="text/css" rel="stylesheet">
</head>
<body>
<div class="wh integral_hd">
	<span class="inte_hd_ct">
		<span class="name">当前积分</span>
		<span class="num">{$user.score}<span class="dw">分</span></span>
	</span>
</div>
<div class="wh integral_tt">
	<span class="current"><font>积分账单</font></span>
	<span><font>积分说明</font></span>
</div>
<div class="wh integral_content">
	<div class="mt15 wh integral_content_box">
		<div class="inte_content_box inte_content_box1 current">
			<ul>
				<include file="block_score_log_list" />
			</ul>
		</div>
		<div class="inte_content_box">
			<div class="wh integral_content_txt">
				
			</div>
		</div>
	</div>
</div>
<script src="__PUBLIC__/App/js/zepto.min.js?ver=1.1"></script>
<script src="__PUBLIC__/App/js/dropload.min.js?ver=1.1"></script>
<script>
// dropload
var p = 2;


$('.inte_content_box1').dropload({   
    scrollArea : window,
    loadDownFn : function(me){
        $.ajax({
            type: 'GET',
            url: "{:U('score_log')}?p="+p,//测试地址
            dataType: 'json',
            success: function(data){
                var result = '';
                if (data['count'] > 0)
                {
                    result = data['html'];
                    p++;
                }
                else
                {
                    me.lock();
                }
                
                // 为了测试，延迟1秒加载
                setTimeout(function(){
                    $('.inte_content_box ul').append(result);//新增内容处
                    me.resetload();
                },1000);
            },
            error: function(xhr, type){
                alert('Ajax error!');
                me.resetload();
            }
        });
    }
});




</script>
<script type="text/javascript" src="__PUBLIC__/App/js/jquery-1.8.3.min.js?ver=1.1"></script>
<script type="text/javascript" src="__PUBLIC__/App/js/jquery_public.js?ver=1.1"></script>
</body>
</html>